*{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.banner{
    display: block;
}
.banner img{
    width: 100%;
    height: 100%;
    display: block;
}

.main1,.main2-1,.main3,.main4-1
,.main6-1,.main7-1,.main8-1{
    width: 1200px;
    margin: auto;
}
.main1,.main2-1,.main3,.main4-1{
    padding: 75px 0;
}
.main1 h4,.main3 h4{
    font-size: 30px;
    color: #333;
    font-weight: 500;
    text-align: center;
}
.main1 p{
    color: #333;
    font-size: 14px;
    width: 920px;
    padding: 45px 0;
    margin: auto;
    text-align: center;
    line-height: 24px;
}
.main1 a,.main3 a,.main6-1 a{
    width: 115px;
    height: 42px;
    line-height: 42px;
    display: block;
    font-size: 14px;
    text-align: center;
    background: #333;
    color: #fff;
    margin: auto;
}
.main2{
    background: url("../images/images5/main2.jpg")no-repeat;
    background-size: 100% 100%;
}
.main2-1 h4,.main4-1 h4,.main7-1 h4{
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    text-align: center;
}
.main2-1 p{
    color: #fff;
    font-size: 14px;
    width: 920px;
    padding: 45px 0;
    margin: auto;
    text-align: center;
    line-height: 24px;
}
.main2-1 a,.main4-1 a,.main7-1 a{
    width: 115px;
    height: 42px;
    line-height: 42px;
    display: block;
    font-size: 14px;
    text-align: center;
    background: #fff;
    color: #000;
    margin: auto;
}
.main3 a{
    margin-top: 40px;
}
.main4{
    background: url("../images/images5/main4.jpg")no-repeat;
    background-size: 100% 100%;
}
.main4-1 p{
    font-size: 13px;
    width: 680px;
    padding: 45px 0 60px 0;
    color: #fff;
    margin: auto;
    text-align: center;
    line-height: 24px;
}
.main-5{
    position: relative;
}
.main-5 .swiper-container {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 0;
    top: 0;
}
.main-5 .swiper-slide {
    background-position: center;
    background-size: cover;
}
.main-5,
.main-5 .swiper-container{
    width: 1200px;
    margin: auto;
}
.main-5 .swiper-container img{
    width: 100%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    right: 34%;
}
.swiper-button-prev{
    left: 34%;
}
.swiper-button-next, .swiper-button-prev{
    top: 45%;
}
.main-5{
    height: 300px;
    margin-top: 125px;
    margin-bottom: 67px;
}
.main6-1 h4{
    font-size: 30px;
    color: #000;
    text-align: center;
}
.main6-1 p{
    text-align: center;
    font-size: 14px;
    padding-top: 45px;
    padding-bottom: 60px;
    line-height: 24px;
}
.main6-1{
    padding-bottom: 75px;
}
.main7{
    background: url("../images/images5/main7.jpg")no-repeat;
    padding-top: 75px;
    padding-bottom: 75px;
}
.main7-1 p{
    width: 680px;
    color: #fff;
    font-size: 13px;
    margin: auto;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 60px;
    line-height: 24px;
}
.main8-1 h4{
    font-size: 30px;
    color: #000;
    font-weight: 500;
    text-align: center;
}
.main8-1 p{
    font-size: 14px;
    width: 450px;
    line-height: 30px;
    padding-top: 25px;
    padding-bottom: 40px;
    text-align: center;
    margin: auto;
}
.main8-1 a{
    width: 200px;
    line-height: 45px;
    color: #fff;
    background: #000;
    border-radius: 20px;
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    margin: auto;
}
.main8-1{
    margin-top: 75px;
    margin-bottom: 75px;
}


.w{
    animation: mymove 3s;
}
@keyframes mymove{
    0%{
        transform: translate3d(0,-200px,0);
        opacity: 0;
    }
    100%{
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}



.w1{
    animation: my 3s;
}
@keyframes my{
    0%{
        transform: translate3d(0,200px,0);
        opacity: 0;
    }
    100%{
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}





@media (max-width: 600px) {
    .main1,.main2-1,.main3,.main4-1,
    .main6-1,.main7-1,.main8-1{
        width: 100%;
    }
    .main1 h4,.main1 p,.main1 a,
    .main2-1 h4,.main2-1 p,.main2-1 a,
    .main3 h4,.main3 a,
    .main4-1 h4,.main4-1 p,.main4-1 a,
    .main6-1 h4,.main6-1 p,.main6-1 a,
    .main7-1 h4,.main7-1 p,.main7-1 a,
    .main8-1 h4,.main8-1 p,.main8-1 a{
        width: 90%;
        margin: auto;
    }
    .main3 a{
        margin-top: 40px;
    }
    .main-5 .swiper-container{
        width: 90%;
        height: 130px;
        margin: auto;
    }
    .swiper-button-prev,.swiper-button-next{
        display: none;
    }
    .main-5{
        height: 200px;
        width: 90%;
        display: none;
    }
    .main6{
        margin-top: 60px;
    }

}